<#assign module="member"/>

<@override name="header">
</@override>
<@override name="body">

	<div class="row">
		<div class="col-xs-13">

			<form id="submit_form" action="${ctx}/member/createEnterprise" method="post">
				<input type="hidden" id="CSRFToken" name="CSRFToken" value="${CSRFToken}"/>
				<div class="col-xs-4">
					<div class="panel panel-default">
						<div class="panel-heading">
							填写客户信息
					    </div>
					    <div class="panel-body">
		    				
		    				<div class="form-group">
			                    <label control-label">客户类型：企业用户</label>
			                </div>
			                
			                <div class="form-group">
			                    <label><em>*</em>企业名称：</label>
			                    <input class="form-control" id="name" name="name" value="" type="text" maxlength="20" required/>
			                </div>
			                
			                <div class="form-group">
			                    <label><em>*</em>企业等级：</label>
			                    <select class="form-control" id="grade_id" name="grade_id" required />
									<option value="">--无--</option>
									<#if grades??>
										<#list grades as grade>
											<option value="${grade.id}">${grade.name?if_exists}</option>
										</#list>
									</#if>
								</select>
			                </div>
			                
			                <div class="form-group">
			                    <label>企业地址：</label>
			                    <textarea class="form-control" cols="20" id="address" name="address" rows="2"></textarea>
			                </div>
			                
			                <div class="form-group">
			                    <label>备注：</label>
			                    <textarea class="form-control" cols="20" id="memo" name="memo" rows="2"></textarea>
			                </div>
			                
			                <div class="form-group">
			                    <label for="gender">是否允许签单：</label>
		                    	<label style="padding-right:20px;">
								  <input <@shiro.lacksPermission name='allowsign'>disabled="disabled"</@shiro.lacksPermission> type="checkbox" name="allowOverdraw" />
								</label>
			                </div>
		            
			                <div class="form-group" style="margin-left:10px;">
				                <input id="submit_button" type="submit" class="btn btn-primary" value="保存">
				                <input type="button" class="btn btn-default" onclick="window.location.href = '${ctx}/member/list';" value="返回">
				            </div>
		        		</div>
					</div>
				</div>
			
				<div class="col-xs-8">
					<div class="panel panel-default" style="min-height:610px;">
						<div class="panel-heading">
							关联手机 （至少填写一条）
					    </div>
					    <div class="form-group" style="margin-top:10px;margin-left:10px;">
				        	<input type="button" id="add-phone" class="btn btn-primary" value="添加">
				        </div>
						<table id="phone-table" class="table">
							<tr>
								<th width="5%">#</th>
								<th width="20%">手机号</th>
								<th width="20%">姓名</th>
								<th width="20%">车牌号</th>
								<th width="10%">操作</th>
							</tr>
							
							<tr>
						       <td>1</td>
							   <td><input class="form-control phone-input" type="text" name="passengers[0].phone" /></td>
							   <td><input class="form-control" type="text" name="passengers[0].name" /></td>
							   <td><input class="form-control" type="text" name="passengers[0].plateNumber" /></td>
							   <td><a href='javascript:;' class='btn btn-default deletethis'>删除</a></td>
						    </tr>
							
						</table>
					</div>
				</div>
			</form>
			
		</div>
	</div>
	

</@override>
<@override name="footer">
<script type="text/javascript">
	<#if message??>
		$.scojs_message("${message}", $.scojs_message.TYPE_ERROR);
	</#if>
	var phone_num=$(".deletethis").length;
	$(document).ready(function(){
		
		$(document).on('click','.deletethis',function(){
			$(this).parent().parent().remove();
		});
		
		$("#add-phone").click(function(){
			$("#phone-table tbody").append("<tr>"+
										   "<td>"+(phone_num+1)+"</td>"+
										   "<td><input class='form-control phone-input' type='text' name='passengers["+phone_num+"].phone'/></td>"+
										   "<td><input class='form-control' type='text' name='passengers["+phone_num+"].name'/></td>"+
										   "<td><input class='form-control' type='text' name='passengers["+phone_num+"].plateNumber'/></td>"+
										   "<td><a href='javascript:;' class='btn btn-default deletethis'>删除</a></td>"+
										   "</tr>");
			phone_num++;
		});
		
		
		$("#submit_form").submit(function(){
			var isphone=/^\+?\d{3,13}(\-?(\d{6,8}?))?(\-?(\d{4,8}?))*$/; 
			var isRightPhone=true; 
			
			if($(".phone-input").length==0){
				$.scojs_message("至少填写一条手机号", $.scojs_message.TYPE_ERROR);
				return false;
			}
			
			var thisPhone=null;
			$(".phone-input").each(function(index,element){
				var phone=$(element).val();
				if (!isphone.test(phone)){
					isRightPhone=false;
					thisPhone=element;
					return false;
				}
			});
			
			if(!isRightPhone){
				$.scojs_message("手机号格式不正确", $.scojs_message.TYPE_ERROR);
				if(null!=thisPhone){
					$(thisPhone).focus();
				}
				return false;
			}
			
			$("#submit_button").attr("disabled",true);
			$.post($(this).attr("action"),$(this).serialize(),function(data){
	            if(data.success){
	                $.scojs_message('保存成功', $.scojs_message.TYPE_OK);
	                window.location='${ctx}/member/elist';
	            }
	            else {
	            	$("#submit_button").attr("disabled",false);
	            	$("#CSRFToken").val(data.object);
	            	$.scojs_message(data.message, $.scojs_message.TYPE_ERROR);
	            	//if(data.errorcode=="0"){
					    //if(confirm(data.message+"，要修改该客户吗？")){
							//window.location='${ctx}/member/edit/'+data.longValue;
						//}
	            	//}
	            	//else{
	            		//$.scojs_message(data.message, $.scojs_message.TYPE_ERROR);
	            	//}
	            }
		    },'json');
			
			return false;
			
		});
		
	});
</script>
</@override>
<@extends name="../layout.ftl"/>